.xdwrap{width: 1200px;margin: 0 auto;}
.xdwrap .red{color: #D02D26;}
.shop_title{padding: 25px 0 20px;border-bottom: 1px solid #E9E9F2;display: flex;justify-content: space-between;align-items: center;}
.shop_title h2{color: #333333;font-size: 30px;font-weight: bold;}
.shop_title h2 img, .tab01_container div .more_btn img{display: inline-block;vertical-align: middle;margin-left: 10px;}
.book_box{background: #ffffff;padding-bottom: 60px;}
.online_box{background: #F8F8FC;padding-bottom: 60px;}
.book_container{display: flex;justify-content: space-between;flex-wrap: wrap;}
.book_item{width: 24%;padding-bottom: 30px;border: 1px solid #999;margin: 10px 0;box-shadow: 5px 5px 5px #999;border-radius: 5px;box-sizing: border-box;}
.book_container .book_img{width: 100%;height: 230px;display: flex;justify-content: center;align-items: center;}
.book_container .book_img img{width: 200px;height: auto;}
.book_container p{line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 48px;color: #333333;text-align: center;box-sizing: border-box;font-size: 15px;padding: 0 10px;}
.price{color: #666666;font-size: 16px;text-align: center;margin-bottom:15px;}
.price .red{font-size: 24px;}
.price .big{font-size: 20px;font-weight: bold;}
.buy_btn{display: block;width: 100px;height: 40px;background: linear-gradient(90deg, #DB3736, #EF5151);box-shadow: 0px 5px 10px 0px rgba(51, 0, 0, 0.15);border-radius: 24px;color: #FFFFFF;font-size: 18px;text-align: center;line-height: 40px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;margin: 0 auto;}
.buy_btn:hover{color: #ff0;background: #F44336;text-decoration: none;}
.online_container{display: flex;flex-wrap: wrap;}
.online_item{margin-right: 1%;background-color: #fff;width: 32%;padding-bottom: 40px;margin-bottom: 50px;}
.online_item:nth-child(3n){margin-right: 0;}
.online_img{width: 100%;height: 200px;}
.online_img img{width: 95%;height: 100%;}
.online_item p{line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;height: 27px;width: 95%;color: #333333;font-size: 18px;word-break: break-all;margin: 30px auto;margin-bottom: 6px;}
.online_item .online_bottom{width: 95%;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.online_item .online_bottom .buy_btn{margin: 0;}
.online_item .price{margin-bottom: 0;}
.online_box{padding-top: 30px;}
.shop_more{display: block;padding: 10px 10px;width:100px;margin:20px auto ;text-align: center;background-color: rgba(12,12,12,.5);color: #fff;border-radius: 5px;}
.shop_more:hover{color: #ff0;background-color: #F44336;}
@media screen and (max-width:1000px){.xdwrap{width: 100%;}
.shop_title{padding: .5rem 0 .5rem;flex-direction: column;align-items: flex-start;}
.shop_title h2{font-size: 16px;margin-left: 10px;}
.shop_title h2 img, .tab01_container div .more_btn img{height: .48rem;margin-left: .23rem;}
.book_box, .online_box{padding-bottom: .6rem;}
.book_container{display: flex;flex-wrap: wrap;justify-content: center;}
.book_item{width: 48%;padding-bottom: .5rem;box-shadow: 0 0 3px #999;border: none;margin: 5px 0.5%;}
.book_container .book_img{width: 100%;height: auto;}
.book_container .book_img img{width: 96%;padding: 5px 0;}
.book_container p{height: 2rem;line-height: 1rem;padding: 0 .2rem;font-size: 12px;}
.price{font-size: .65rem;margin-bottom: .4rem;}
.price .red{font-size: .8rem;}
.price .big{font-size: 1rem;}
.buy_btn{width: 4rem;height: 1.2rem;border-radius: 1rem;font-size: .7rem;line-height: 1.2rem;}
.online_container{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 5px;}
.online_item{width: 49%;padding-bottom: .6rem;margin: 3px 0.5%;}
.online_item:nth-child(3n){margin-right: 0;}
.online_img{width: 100%;height: 6rem;object-fit: cover;}
.online_item p{line-height: 1rem;height: 2rem;width: 8rem;font-size: .6rem;margin: .4rem auto 0;}
.online_item .online_bottom{width: 8rem;flex-direction: column;}
.online_item .price{margin-bottom: .3rem;}
.online_box{padding-top: .5rem;}
.shop_more{padding: .5rem;width: 5rem;margin: .5rem auto;}}